ul.resp-tabs-list, p { margin: 0px; padding: 0px;}
.resp-tabs-list li { color:#ffffff; font-weight: 400; font-size: 16px; display: inline-block; padding: 13px 15px; margin: 0 4px 0 0; list-style: none; cursor: pointer; float: left;font-family: 'Jost', sans-serif;}
.resp-tabs-list li span {color: #bf0b1a;}
.resp-tabs-container {  padding: 0px; background-color: #000;clear: left;}
h2.resp-accordion { cursor: pointer; padding: 5px; display: none;}
.resp-tab-content {display: none; padding: 15px;}
.resp-tab-active {padding: 12px 14px 14px 14px !important;}
.resp-tab-active { background-color: #fff;}
.resp-content-active, .resp-accordion-active {display: block;}
.resp-tab-content {}
h2.resp-accordion { font-size: 13px; margin: 0px;padding: 10px 15px;}
h2.resp-tab-active {margin-bottom: 0px !important; padding: 10px 15px !important;}
h2.resp-tab-title:last-child {background: blue;}
/*-----------Vertical tabs-----------*/


.resp-vtabs ul.resp-tabs-list { float: left; width: 30%;margin-top: 0!important;}
.resp-vtabs .resp-tabs-list li { text-align: center; display: block;padding: 37px 0px !important;margin: 0 0 4px; cursor: pointer; float: none;background-color: rgba(24, 24,24)!important;margin: 0;}
.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: none;float: left;width: 66%;border-radius: 0px 6px 6px 0px;clear: none;}
.resp-vtabs .resp-tab-content {   word-wrap: break-word;}
/*-- 
li.resp-tab-item.hor_1.resp-tab-active:after {
    content: '';
    position: absolute;
    right: -18px;
    top: 6px;
    border-left: 1px solid #5AB1D0;
    border-right: 0px solid #5AB1D0;
    border-bottom: 1px solid #FFFFFF;
    transform: rotate(134deg);
    border-top: 1px solid #5AB1D0;
    padding: 0 33px 33px 0px;
}
--*/
.resp-vtabs li.resp-tab-active { text-align: center;color:#181818;position: relative;z-index: 1; padding: 37px 0px !important; background-color: rgb(255, 255, 255) !important;margin: 0;}
.resp-vtabs li.resp-tab-active span {color: #bf0b1a;}
.resp-vtabs .resp-tabs-list li img {width:50px;}
.resp-arrow { width: 0; height: 0;float: right; margin-top: 3px;}
h2.resp-tab-active span.resp-arrow {}
/*-----------Accordion styles-----------*/


h2.resp-tab-active { background: #DBDBDB;/* !important;*/}
.resp-easy-accordion h2.resp-accordion {display: block;}
.resp-easy-accordion .resp-tab-content {}
.resp-easy-accordion .resp-tab-content:last-child {}
.resp-jfit { width: 100%; margin: 0px;}
.resp-tab-content-active {display: block;}
h2.resp-accordion:first-child {}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/


@media (max-width: 1024px){
	.resp-vtabs .resp-tabs-list li { padding: 40.1px 0px !important;}
	
}

@media (max-width: 991px){
	.resp-vtabs .resp-tabs-list li { padding: 36.8px 0px !important;}
	
}

@media (max-width: 900px){
	.resp-vtabs .resp-tabs-list li { padding: 36.9px 0px !important;}
	
}

@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {display: none;  }
	.resp-accordion {margin: auto;}
    h2.resp-accordion {display: block;border-radius: 10px;font-size: 16px;margin: 10px;padding: 15px 15px;}
    .resp-vtabs .resp-tab-content {border-radius: 20px;}
    .resp-vtabs .resp-tabs-container {border: none;float: none; width: 100%; min-height: 100px;clear: none; text-align: center;}
    .resp-accordion-closed {display: none !important;}
    .resp-vtabs .resp-tab-content:last-child {border-radius: 10px; !important; }
	.resp-vtabs .resp-tabs-container { border-radius: 10px; padding: 10px;}
	
}
	
@media (max-width: 853px){
	.resp-vtabs .resp-tabs-list li { padding: 36.8px 0px !important;}
	}
	
@media (max-width: 800px){
	.resp-vtabs .resp-tabs-list li { padding: 46px 0px !important;}
	}